<template>
  <div>
    <!-- 这个全局使用的方法在src文件夹下的mixins文件夹下的index。js文件，并且需要到main。js里面去注册 -->
    <h2>全局mixin</h2>
    <input type="text"  @click="globalFn">mixin-globalNum: {{ globalNum }}</input>

    <h2>局部mixin</h2>
    <div>mixin-message: {{ message }}</div>
  </div>
</template>

<script setup>
import { myMixin } from './mixin'
defineOptions({
    name: 'mixin',
    mixins: [myMixin]
})

</script>

<style  lang="scss" scoped>
</style>